<link href="__CDN__/assets/addons/qingdongams/css/common.css?v={$Think.config.site.version}" rel="stylesheet">

<style type="text/css">
    .btn-list {
        position: fixed;
        right: 40px;
    }
    .div-flex {
        display: flex
    }
    .div-flex .form-group {
        margin-right: 50px;
        text-align: center;
        line-height: 25px;
        margin-bottom: 0;
    }
    .tab-pane {
        border: 1px solid #F6F6F6;
    }
    .i-color {
        font-size: 34px;margin-right: 10px;color: #86C3FF;
    }
    .thumbnail {
        display: flow-root;
        width: max-content;
    }
    .thumbnail img {
        width: 50px;
        float: left;
        padding: 5px;
    }
</style>
<div class="panel panel-default panel-intro">
    <input type="hidden" name="ids" id="ids" value="{$ids}"/>
    <input type="hidden" name="contract_id" id="contract_id" value="{$order.contract_id}"/>
    <input type="hidden" name="order_id" id="order_id" value="{$ids}"/>
    <div class="div-flex">
        <i class="fa fa-address-card i-color"></i>
        <div style="line-height: 35px"><b>订单信息</b></div>
    </div>
    <div>
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#basic" aria-controls="home" role="tab" data-toggle="tab">基本信息</a></li>
            <li role="presentation"><a href="#product" aria-controls="profile" role="tab" data-toggle="tab">产品信息</a></li>
            <li role="presentation"><a href="#record" aria-controls="profile" role="tab" data-toggle="tab">到账记录</a></li>
        </ul>

        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active panel-body" id="basic">
                <div class="form-group">
                    {include file="qingdongams/common/form_detail" /}
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">客户名称:</span>
                            <a href="javascript:void(0)"  class="customer" data-value="{$order.customer.id}">{$order.customer.name}</a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">客户联系人:</span>
                            <a href="javascript:void(0)"  class="contacts" data-value="{$order.contacts.id}">{$order.contacts.name}</a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">关联订单:</span>
                            <a href="javascript:void(0)"  class="contract" data-value="{$order.contract.id}">{$order.contract.num}</a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">是否已到账:</span>
                            <b>{eq name="$order.is_account" value="0"}否{else/}是{/eq}</b>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">负责人:</span>
                            {$order.owner_staff.name}
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">创建人:</span>
                           {$order.create_staff.name}
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="form-group col-sm-10">
                            <span class="text-muted">创建时间:</span>
                            {$order.createtime}
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane  panel-body" id="product">
                <table id="table-product" class="table table-striped table-bordered table-hover table-nowrap"
                       width="100%">
                </table>
            </div>
            <div role="tabpanel" class="tab-pane  panel-body" id="record">
                <div id="toolbar_quote" class="toolbar">
                    {:build_toolbar('refresh')}

                    <a class="btn btn-success btn-dialog" data-url="qingdongams/order/order/input_payment?ids={$row.id}" data-title="到账信息"  data-refresh="true" data-area=["90%","90%"]>新建到账</a>

                </div>
                <table id="table-record" class="table table-striped table-bordered table-hover table-nowrap"
                       width="100%">
                </table>
            </div>
        </div>
    </div>
</div>